<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<!-- 表格：
	       单元格、边框、行、列、表头、标题
	       table:表格
	       caption:表格标题，只能在table之后，不能在其他位置
	       thead:表格的头部区域,(可省略)
	       tbody:表格的主体区域,(可省略)
	       tfoot:表格的尾部,(可省略)
	       th:单元格中的标题，自带加粗,自带居中
	       tr:行
	       td:格
	       属性:
	          border:边框
	          width:宽度
	          align:水平对齐方式 left center right
	          cellspacing:单元格与单元格之间的距离 默认是2px
	          cellpadding:表格内边框距离（单元格和内容之间的距离）
	          bordercolor:边框颜色
	          bgcolor:背景颜色
	          height:行高
	          valign:垂直对齐方式 top middle bottom 上 中 下，table不生效

	-->
	<table border="1" width="500" align="center" cellspacing="0" cellpadding="10" bordercolor="red" bgcolor="blue" height="500">
		<caption>宝宝巴士</caption>
		<thead>
			<th style="background-color:green;">姓名</th>
			<th>性别</th>
			<th>年龄</th>
			<th>爱好</th>
		</thead>
		<tbody>
			<tr align="center" valign="top">
				<td>a</td>
				<td>男</td>
				<td>8</td>
				<td>跑步</td>
			</tr>
			<tr align="right">
				<td>b</td>
				<td>男</td>
				<td>18</td>
				<td>跑步</td>
				<td><img src="./2.jpg"></td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td>统计</td>
				<td>奶龙</td>
				<td>贝利亚</td>
				<td>花园宝宝</td>
			</tr>
		</tfoot>
	</table>

</body>
</html>